/* 
    Document   : index_stor.css
    Created on : 07.08.2011, 10:47:11
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html, body {width: 100%; height:100%; padding:0; margin:0; border:0; overflow:auto; background:#fea}

html, body, *{font-size: 12px; font-family:"Courier New"}
input[type=text], textarea {border: 1px inset #aaa; width:100%}

/* Редактор структуры таблиц */
.row_title {font-weight: bold; color: #333}
.block_title {font-weight: bold; color: #333; background: #eee; border: 1px solid #aaa; padding: 4px}
.fields_table{border:1px solid #333; border-collapse: collapse; width: 100%}
.fields_table td{padding:1px 3px}
.fields_table a{display:block}


/* Левое меню */
#stor_menu {font-family:Courier; float:left; height:100%; width:90px; position:absolute}
#stor_menu div {padding-left:0px}
#stor_menu a {width: 100%; display:block; line-height:20px; font-size:12px; text-decoration: none}
#stor_menu a:hover {background:#DDDDDD}

#stor_cont {height:100%; margin-left:90px; overflow:scroll}

.table td {white-space:nowrap}

.block_header {border:1px solid; background-color:#CCCCCC; font-size:16px; font-weight:bold;
	text-align:center}
.block_header a {display:block; width:30px; float:left; font-weight:normal;
	text-decoration:none; border:1px solid}
.block_header a:hover {background:#dddddd}

.datatable {border:1px solid #444; border-collapse:collapse; font-family:Arial; font-size:12px}
.datatable th {border:1px solid #444; margin:0; background:#dddddd;  white-space:nowrap}
.datatable td {border:1px solid #444; margin:0; padding:1px 2px; white-space:nowrap}
.datatable a {float:left; }
/* .datatable a {float:left; display:block; border:1px;
	border-color:#ddd #999 #999 #ddd;
	border-style:outset; padding:0px 3px; margin-right:1px; background:#ddd}
	 .datatable a:hover {background:#fff}	 */


/* Виджет дерева. */
.treewidget {background:#eee; border:1px outset; margin:0; padding:0}
.treewidget ul{list-style-type: none; padding:0; margin:0}
.treewidget ul ul{list-style-type: none; padding:0; margin:0; padding-left:20px}
.treewidget li{list-style-image:none; list-style-type:none; display:block}
.treewidget li a,a:visited,a:link{text-decoration:none}
.treewidget li a{font-weight:bold}
.treewidget li li a{font-weight:normal}
.treewidget .selected{background:#ccf}
.treewidget .tree {position:absolute; overflow:auto; border:1px solid; height:200px; width:300px; background:#eee;}


/* Диалоговое окно (эмуляция). */
.dialog {border:1px solid; display:none; position:absolute; background:#eee}
.dialog .header {background:#ccc; font-weight:bold; padding-left: 8px;}
.dialog .container {padding: 10px}
.dialog #buttons{padding: 3px}

/* Разворачивающийся блок. */
.rollable {}
.rollable .header {background:#ddd; border:1px solid; font-weight:bold}
.rollable .button {float:left; background:#fff; cursor:pointer}
